<template>
	<view class="container">
		<customNavigation title="添加事件" src="/static/images/nav_icon_back.png" src2="/static/images/nav_icon_logo.png" color="white" background="#32A238"></customNavigation>
		<view style="height: 11vh;"></view>
		
		<view>
			<view class="rowsb rowsm fs28 col444 bgff contain_level border_level_bottom_f1">
				<view>长文本</view>
				<input type="text"
				class="contain_inpu_lvel trt"
				placeholder="请输入长文本"/>
			</view>
			<view class="rowsb fs28 col444 bgff contain_teat_level border_level_bottom_f1">
				<view>大文本</view>
				<textarea class="contain_teat_lvel bgf5"
				placeholder="请输入大文本" />
			</view>
			<view class="rowsb rowsm fs28 col444 bgff contain_level border_level_bottom_f1">
				<view>数字</view>
				<input type="number"
				class="contain_inpu_lvel trt"
				placeholder="请输入数字"/>
			</view>
			<view class="rowsb rowsm fs28 col444 bgff contain_level border_level_bottom_f1">
				<view>下拉单选框</view>
				<picker mode="selector" :range="['单选一','单选二']" @change="">
					<view class="contain_inpu_lvel trt fs28 col444">请选择</view>
				</picker>
			</view>
			<view class="rowsb rowsm fs28 col444 bgff contain_level border_level_bottom_f1">
				<view>下拉多选框</view>
				<picker mode="selector" :range="['多选一','多选二']" @change="">
					<view class="contain_inpu_lvel trt fs28 col444">请选择</view>
				</picker>
			</view>
			<view class="rowsb rowsm fs28 col444 bgff contain_level border_level_bottom_f1">
				<view>选择日期</view>
				<picker mode="date" @change="">
					<view class="contain_inpu_lvel trt fs28 col444">请选择</view>
				</picker>
			</view>
			<view class="rowsb rowsm fs28 col444 bgff contain_level border_level_bottom_f1">
				<view>选择日期时间</view>
				<view class="contain_inpu_lvel trt fs28 col444 rowse">
					<picker mode="date" @change="">
						<view>请选择日期</view>
					</picker>
					<picker mode="time" @change="">
						<view class="pdlft20">请选择时间</view>
					</picker>
				</view>
			</view>
		</view>
		
		<view style="height: 100rpx;"></view>
		<view class="tct colfff fs28 fixde_srt">提交</view>
		
	</view>
</template>

<script>
	import customNavigation from "@/components/custom-navigation.vue"
	export default {
		components:{
			customNavigation
		},
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods:{
			
		}
	}
</script>

<style>
	@import url("./oneone.css");
	page {
		background-color: #F5F5F5;
	}
	.contain_level {
		width: 750rpx;height: 100rpx;
		line-height: 100rpx;
		box-sizing: border-box;
		padding: 20rpx 25rpx;
	}
	.contain_inpu_lvel {
		width: 500rpx;height: 80rpx;
		line-height: 80rpx;
	}
	.contain_teat_level {
		width: 750rpx;
		box-sizing: border-box;
		padding: 20rpx 25rpx;
	}
	.contain_teat_lvel {
		width: 500rpx;height: 200rpx;
		padding: 20rpx;
		box-sizing: border-box;
		border-radius: 8rpx;
	}
	.fixde_srt {
		position: fixed;
		bottom: 0rpx;
		right: 0rpx;
		left: 0rpx;
		width: 750rpx;height: 100rpx;
		line-height: 100rpx;
		background-color: #32A238;
	}
</style>
